<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>JQ测试文本框</title>
		<script type="text/javascript" src="js/jquery.js" ></script>
	</head>
	<body>
		
		
		请输入内容:<input type="text" id="content" /><br />
		<span id="scontent"><h1>这个是测试内容</h1></span><br/>
		<span id="newcontent"></span>
		<input type="button" value="提交" onclick="showMsg();"/>
		<input type="button" value="设置内容到文本框" onclick="setMsg()" />
		<input type="button" value="获取span中的内容" onclick="getSpan()" />
		<input type="button" value="设置新内容到span" onclick="setHtml()" />
	</body>
	
	<script type="text/javascript">
		
			
			function showMsg(){
				
				var contents = $(content).val(); // 注意如果是使用$(id)不加双引号，如果使用#加双引号 $("#id")
				alert(contents);
			}
			
			function setMsg(){
				$("#content").val("我是蒋正午");
			}
			
			function getSpan(){
				var scon = $(scontent).html();
				$(content).val(scon);
				
			}
			
			function setHtml(){
				
//				$(newcontent).html("<h1>呜呜呜呜</h1>");
				$(newcontent).text("<h1>呜呜呜呜</h1>");
			}
			
		
	</script>
	
</html>
